<ul>
<li>
<a href="#" title="sed nunc augue">
<img alt="sed nunc augue" class="slimage full alignleft" src="http://2.bp.blogspot.com/--0xCsOIWtDE/TnxG1dOLOvI/AAAAAAAAAfU/lUVpZGU2UeQ/d/22.jpg" height="198" width="398" />
</a>
<h2 class="titlesl">
<a href="#" title="sed nunc augue">Sed nunc augue</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
<li>
<a href="#" title="mauris euismod rhoncus tortor">
<img alt="mauris euismod rhoncus tortor" class="slimage full alignleft" src="http://3.bp.blogspot.com/-elXe16Zhz54/TnxG1hf_qQI/AAAAAAAAAfY/fYy3lUGS5Fo/d/1.jpg" height="198" width="398" />
</a>
<h2 class="titlesl">
<a href="#" title="mauris euismod rhoncus tortor">Mauris euismod rhoncus tortor</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
<li>
<a href="#" title="why is it needed">
<img alt="why is it needed" class="slimage full alignleft" src="http://1.bp.blogspot.com/-WYihrLqcUts/TnxG2BheeMI/AAAAAAAAAfc/mNZECpQ4XKM/d/3.jpg" height="198" width="398" />
</a>
<h2 class="titlesl">
<a href="http://numerto-magazine-blogger-template.blogspot.com/" title="why is it needed">Why is it needed</a>
</h2>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non...</p>
</li>
</ul>